<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>DecorTrendzTest</title>
		<meta name="description" content="" />
		<meta name="author" content="PerronJones" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="dataFunctions.js"></script>
        <script type="text/javascript" src="decorTrendz.js"></script>
        
        <style type="text/css">
		  #uploadframe { display:none; }
		</style>
		<script type="text/javascript" src="functions.js"></script>
        
        
        <style type="text/css">
#div1, #div2
{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script>
function allowDrop(ev)
{
ev.preventDefault();
}

function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
</script>
        
	</head>

	<body>
		<h1>Perron Jones Test</h1>
        <a onclick="testClick();">Test</a>
        <br/>
        <a onclick="testClick2();">Test2</a>
        
        <div id="showimg"> </div>
		<form id="uploadform" action="upload_img.php" method="post" enctype="multipart/form-data" target="uploadframe" onsubmit="uploadimg(this); return false">
		  <input type="file" id="myfile" name="myfile" />
		  <input type="submit" value="Submit" />
		  <iframe id="uploadframe" name="uploadframe" src="php/upload_img.php" width="8" height="8" scrolling="no" frameborder="0"></iframe>
		</form>



<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <img src="img_w3slogo.gif" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"></div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

	</body>
</html>
